<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>.paymentRequestWithApplePay(items, [options]) -&gt; Promise · tipsi-stripe</title>
    <meta name="viewport" content="width=device-width" />
    <meta name="generator" content="Docusaurus" />
    <meta
      name="description"
      content='&lt;p&gt;&lt;strong&gt;Method is deprecated, use &lt;a href="/tipsi-stripe/docs/paymentRequestWithNativePay.html"&gt;&lt;code&gt;paymentRequestWithNativePay()&lt;/code&gt;&lt;/a&gt; instead.&lt;/strong&gt;&lt;/p&gt;
'
    />
    <meta name="docsearch:language" content="en" />
    <meta
      property="og:title"
      content=".paymentRequestWithApplePay(items, [options]) -&gt; Promise · tipsi-stripe"
    />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://tipsi.github.io/tipsi-stripe/index.html" />
    <meta
      property="og:description"
      content='&lt;p&gt;&lt;strong&gt;Method is deprecated, use &lt;a href="/tipsi-stripe/docs/paymentRequestWithNativePay.html"&gt;&lt;code&gt;paymentRequestWithNativePay()&lt;/code&gt;&lt;/a&gt; instead.&lt;/strong&gt;&lt;/p&gt;
'
    />
    <meta name="twitter:card" content="summary" />
    <link rel="shortcut icon" href="/tipsi-stripe/img/favicon.png" />
    <link
      rel="stylesheet"
      href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/default.min.css"
    />
    <link
      rel="alternate"
      type="application/atom+xml"
      href="https://tipsi.github.io/tipsi-stripe/blog/atom.xml"
      title="tipsi-stripe Blog ATOM Feed"
    />
    <link
      rel="alternate"
      type="application/rss+xml"
      href="https://tipsi.github.io/tipsi-stripe/blog/feed.xml"
      title="tipsi-stripe Blog RSS Feed"
    />
    <script type="text/javascript" src="https://buttons.github.io/buttons.js"></script>
    <script src="/tipsi-stripe/js/scrollSpy.js"></script>
    <link rel="stylesheet" href="/tipsi-stripe/css/main.css" />
    <script src="/tipsi-stripe/js/codetabs.js"></script>
  </head>
  <body class="sideNavVisible">
    <div class="fixedHeaderContainer">
      <div class="headerWrapper wrapper">
        <header>
          <a href="/tipsi-stripe/"
            ><img class="logo" src="/tipsi-stripe/img/favicon.png" alt="tipsi-stripe" />
            <h2 class="headerTitleWithLogo">tipsi-stripe</h2></a
          >
          <div class="navigationWrapper navigationSlider">
            <nav class="slidingNav">
              <ul class="nav-site nav-site-internal">
                <li class="siteNavGroupActive">
                  <a href="/tipsi-stripe/docs/index.html" target="_self">Docs</a>
                </li>
                <li class=""><a href="/tipsi-stripe/blog/" target="_self">Blog</a></li>
              </ul>
            </nav>
          </div>
        </header>
      </div>
    </div>
    <div class="navPusher">
      <div class="docMainWrapper wrapper">
        <div class="container docsNavContainer" id="docsNav">
          <nav class="toc">
            <div class="toggleNav">
              <section class="navWrapper wrapper">
                <div class="navBreadcrumb wrapper">
                  <div class="navToggle" id="navToggler">
                    <div class="hamburger-menu">
                      <div class="line1"></div>
                      <div class="line2"></div>
                      <div class="line3"></div>
                    </div>
                  </div>
                  <h2><i>›</i><span>Deprecated Docs</span></h2>
                </div>
                <div class="navGroups">
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Overview</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/index.html">Start here</a>
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/compatibility.html"
                          >Compatibility</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/installation.html"
                          >Installation</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/linking.html">Linking</a>
                      </li>
                      <li class="navListItem">
                        <a
                          class="navItem"
                          href="/tipsi-stripe/docs/running-apple-pay-on-a-real-device.html"
                          >Running  Pay on a real Device</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/google-pay.html">Google Pay</a>
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/usage.html">Usage</a>
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/example.html">Example</a>
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/paymentIntents.html"
                          >Payment Intent API</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/createCardOrSubscription.html"
                          >Save Card/Subscription</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/migrationIssues.html"
                          >Migration</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/changelog.html">Changelog</a>
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Objects</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/token.html">Token</a>
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/source.html">Source</a>
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/paymentMethod.html"
                          >Payment Method</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Native Pay -  &amp; G</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/canMakeNativePayPayments.html"
                          >.canMakeNativePayPayments()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/deviceSupportsNativePay.html"
                          >.deviceSupportsNativePay()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a
                          class="navItem"
                          href="/tipsi-stripe/docs/potentiallyAvailableNativePayNetworks.html"
                          >.potentiallyAvailableNativePayNetworks()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/completeNativePayRequest.html"
                          >.completeNativePayRequest()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/cancelNativePayRequest.html"
                          >.cancelNativePayRequest()</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Card Form</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/paymentrequestwithcardform.html"
                          >.paymentRequestWithCardForm()</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Card Params Object</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/createtokenwithcard.html"
                          >.createTokenWithCard()</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Bank Account Params Object</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/createtokenwithbankaccount.html"
                          >.createTokenWithBankAccount()</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Create Source Object With Params</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a
                          class="navItem"
                          href="/tipsi-stripe/docs/createsourcewithparamsparams.html"
                          >.createSourceWithParams()</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Components</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/paymentcardtextfield.html"
                          >&lt;PaymentCardTextField /&gt;</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Error Codes</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/errorcodes.html">Error Codes</a>
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Tests</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/tests-local-ci.html"
                          >Local CI</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/tests-manual.html">Manual</a>
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Troubleshooting</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/troubleshooting-android.html"
                          >Android</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/troubleshooting-jest.html"
                          >Jest</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/troubleshooting-tests.html"
                          >Tests</a
                        >
                      </li>
                      <li class="navListItem">
                        <a
                          class="navItem"
                          href="/tipsi-stripe/docs/troubleshooting-useframeworks-issue.html"
                          >use_frameworks issue</a
                        >
                      </li>
                    </ul>
                  </div>
                  <div class="navGroup">
                    <h3 class="navGroupCategoryTitle">Deprecated Docs</h3>
                    <ul class="">
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/openapplepaysetup.html"
                          >.openApplePaySetup()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/deviceSupportsApplePay.html"
                          >.deviceSupportsApplePay()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/devicesupportsandroidpay.html"
                          >.deviceSupportsAndroidPay()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/canmakeandroidpaypayments.html"
                          >.canMakeAndroidPayPayments()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a
                          class="navItem"
                          href="/tipsi-stripe/docs/canmakeapplepaypaymentsoptions.html"
                          >.canMakeApplePayPayments()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a
                          class="navItem"
                          href="/tipsi-stripe/docs/paymentrequestwithandroidpay.html"
                          >.paymentRequestWithAndroidPay()</a
                        >
                      </li>
                      <li class="navListItem navListItemActive">
                        <a
                          class="navItem"
                          href="/tipsi-stripe/docs/paymentrequestwithapplepayitemsoptions.html"
                          >.paymentRequestWithApplePay()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/completeapplepayrequest.html"
                          >.completeApplePayRequest()</a
                        >
                      </li>
                      <li class="navListItem">
                        <a class="navItem" href="/tipsi-stripe/docs/cancelapplepayrequest.html"
                          >.cancelApplePayRequest()</a
                        >
                      </li>
                    </ul>
                  </div>
                </div>
              </section>
            </div>
            <script>
              var coll = document.getElementsByClassName('collapsible');
              var checkActiveCategory = true;
              for (var i = 0; i < coll.length; i++) {
                var links = coll[i].nextElementSibling.getElementsByTagName('*');
                if (checkActiveCategory) {
                  for (var j = 0; j < links.length; j++) {
                    if (links[j].classList.contains('navListItemActive')) {
                      coll[i].nextElementSibling.classList.toggle('hide');
                      coll[i].childNodes[1].classList.toggle('rotate');
                      checkActiveCategory = false;
                      break;
                    }
                  }
                }

                coll[i].addEventListener('click', function() {
                  var arrow = this.childNodes[1];
                  arrow.classList.toggle('rotate');
                  var content = this.nextElementSibling;
                  content.classList.toggle('hide');
                });
              }

              document.addEventListener('DOMContentLoaded', function() {
                createToggler('#navToggler', '#docsNav', 'docsSliderActive');
                createToggler('#tocToggler', 'body', 'tocActive');

                var headings = document.querySelector('.toc-headings');
                headings &&
                  headings.addEventListener(
                    'click',
                    function(event) {
                      var el = event.target;
                      while (el !== headings) {
                        if (el.tagName === 'A') {
                          document.body.classList.remove('tocActive');
                          break;
                        } else {
                          el = el.parentNode;
                        }
                      }
                    },
                    false
                  );

                function createToggler(togglerSelector, targetSelector, className) {
                  var toggler = document.querySelector(togglerSelector);
                  var target = document.querySelector(targetSelector);

                  if (!toggler) {
                    return;
                  }

                  toggler.onclick = function(event) {
                    event.preventDefault();

                    target.classList.toggle(className);
                  };
                }
              });
            </script>
          </nav>
        </div>
        <div class="container mainContainer">
          <div class="wrapper">
            <div class="post">
              <header class="postHeader">
                <h1 class="postHeaderTitle">
                  .paymentRequestWithApplePay(items, [options]) -&gt; Promise
                </h1>
              </header>
              <article>
                <div>
                  <span
                    ><p>
                      <strong
                        >Method is deprecated, use
                        <a href="/tipsi-stripe/docs/paymentRequestWithNativePay.html"
                          ><code>paymentRequestWithNativePay()</code></a
                        >
                        instead.</strong
                      >
                    </p>
                    <p>Launch the  Pay view to accept payment.</p>
                    <h5>
                      <a
                        class="anchor"
                        aria-hidden="true"
                        id="items-an-array-of-object-with-the-following-keys"
                      ></a
                      ><a
                        href="#items-an-array-of-object-with-the-following-keys"
                        aria-hidden="true"
                        class="hash-link"
                        ><svg
                          class="hash-link-icon"
                          aria-hidden="true"
                          height="16"
                          version="1.1"
                          viewBox="0 0 16 16"
                          width="16"
                        >
                          <path
                            fill-rule="evenodd"
                            d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                          ></path></svg></a
                      ><code>items</code> — An array of object with the following keys:
                    </h5>
                    <table>
                      <thead>
                        <tr>
                          <th style="text-align:left">Key</th>
                          <th style="text-align:left">Type</th>
                          <th style="text-align:left">Description</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td style="text-align:left">label</td>
                          <td style="text-align:left"><em>String</em></td>
                          <td style="text-align:left">
                            A short, localized description of the item.
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">amount</td>
                          <td style="text-align:left"><em>String</em></td>
                          <td style="text-align:left">The summary item’s amount.</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">type</td>
                          <td style="text-align:left"><em>String</em></td>
                          <td style="text-align:left">
                            The summary item’s type. Must be &quot;pending&quot; or
                            &quot;final&quot;. Defaults to &quot;final&quot;.
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <p>
                      <strong>NOTE</strong>: The final item should represent your company; it'll be
                      prepended with the word &quot;Pay&quot; (i.e. &quot;Pay Tipsi, Inc $50&quot;)
                    </p>
                    <h5>
                      <a
                        class="anchor"
                        aria-hidden="true"
                        id="options-an-object-with-the-following-keys"
                      ></a
                      ><a
                        href="#options-an-object-with-the-following-keys"
                        aria-hidden="true"
                        class="hash-link"
                        ><svg
                          class="hash-link-icon"
                          aria-hidden="true"
                          height="16"
                          version="1.1"
                          viewBox="0 0 16 16"
                          width="16"
                        >
                          <path
                            fill-rule="evenodd"
                            d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                          ></path></svg></a
                      ><code>options</code> — An object with the following keys:
                    </h5>
                    <table>
                      <thead>
                        <tr>
                          <th style="text-align:left">Key</th>
                          <th style="text-align:left">Type</th>
                          <th style="text-align:left">Description</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td style="text-align:left">requiredBillingAddressFields</td>
                          <td style="text-align:left">Array[String]</td>
                          <td style="text-align:left">
                            A bit field of billing address fields that you need in order to process
                            the transaction. It can contain values of:
                            <strong>all ‖ name ‖ email ‖ phone ‖ postal_address</strong> or be left
                            unspecified to disable
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">requiredShippingAddressFields</td>
                          <td style="text-align:left">Array[String]</td>
                          <td style="text-align:left">
                            A bit field of shipping address fields that you need in order to process
                            the transaction. It can contain values of:
                            <strong>all ‖ name ‖ email ‖ phone ‖ postal_address</strong> or be left
                            unspecified to disable
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">shippingMethods</td>
                          <td style="text-align:left">Array</td>
                          <td style="text-align:left">
                            An array of <code>shippingMethod</code> objects that describe the
                            supported shipping methods.
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">currencyCode</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            The three-letter ISO 4217 currency code. Default is <strong>USD</strong>
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">countryCode</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            The two-letter code for the country where the payment will be processed.
                            Default is <strong>US</strong>
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">shippingType</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            An optional value that indicates how purchased items are to be shipped.
                            Default is <strong>shipping</strong>. Available options are:
                            <strong>shipping ‖ delivery ‖ store_pickup ‖ service_pickup</strong>
                          </td>
                        </tr>
                      </tbody>
                    </table>
                    <h5>
                      <a
                        class="anchor"
                        aria-hidden="true"
                        id="shippingmethod-an-object-with-the-following-keys"
                      ></a
                      ><a
                        href="#shippingmethod-an-object-with-the-following-keys"
                        aria-hidden="true"
                        class="hash-link"
                        ><svg
                          class="hash-link-icon"
                          aria-hidden="true"
                          height="16"
                          version="1.1"
                          viewBox="0 0 16 16"
                          width="16"
                        >
                          <path
                            fill-rule="evenodd"
                            d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                          ></path></svg></a
                      ><code>shippingMethod</code> — An object with the following keys:
                    </h5>
                    <table>
                      <thead>
                        <tr>
                          <th style="text-align:left">Key</th>
                          <th style="text-align:left">Type</th>
                          <th style="text-align:left">Description</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td style="text-align:left">id</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            A unique identifier for the shipping method, used by the app
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">id</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            A short, localized description of the shipping method
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">label</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            A unique identifier for the shipping method, used by the app
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">detail</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            A user-readable description of the shipping method
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">amount</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The shipping method’s amount</td>
                        </tr>
                      </tbody>
                    </table>
                    <h4>
                      <a class="anchor" aria-hidden="true" id="example"></a
                      ><a href="#example" aria-hidden="true" class="hash-link"
                        ><svg
                          class="hash-link-icon"
                          aria-hidden="true"
                          height="16"
                          version="1.1"
                          viewBox="0 0 16 16"
                          width="16"
                        >
                          <path
                            fill-rule="evenodd"
                            d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                          ></path></svg></a
                      >Example
                    </h4>
                    <pre><code class="hljs css language-js"><span class="hljs-keyword">const</span> items = [{
  <span class="hljs-attr">label</span>: <span class="hljs-string">'Whisky'</span>,
  <span class="hljs-attr">amount</span>: <span class="hljs-string">'50.00'</span>,
}, {
  <span class="hljs-attr">label</span>: <span class="hljs-string">'Tipsi, Inc'</span>,
  <span class="hljs-attr">amount</span>: <span class="hljs-string">'50.00'</span>,
}]

<span class="hljs-keyword">const</span> shippingMethods = [{
  <span class="hljs-attr">id</span>: <span class="hljs-string">'fedex'</span>,
  <span class="hljs-attr">label</span>: <span class="hljs-string">'FedEX'</span>,
  <span class="hljs-attr">detail</span>: <span class="hljs-string">'Test @ 10'</span>,
  <span class="hljs-attr">amount</span>: <span class="hljs-string">'10.00'</span>,
}]

<span class="hljs-keyword">const</span> options = {
  <span class="hljs-attr">requiredBillingAddressFields</span>: [<span class="hljs-string">'all'</span>],
  <span class="hljs-attr">requiredShippingAddressFields</span>: [<span class="hljs-string">'phone'</span>, <span class="hljs-string">'postal_address'</span>],
  shippingMethods,
}

<span class="hljs-keyword">const</span> token = <span class="hljs-keyword">await</span> stripe.paymentRequestWithApplePay(items, options)
</code></pre>
                    <h4>
                      <a
                        class="anchor"
                        aria-hidden="true"
                        id="token-structure-paymentrequestwithapplepay-response"
                      ></a
                      ><a
                        href="#token-structure-paymentrequestwithapplepay-response"
                        aria-hidden="true"
                        class="hash-link"
                        ><svg
                          class="hash-link-icon"
                          aria-hidden="true"
                          height="16"
                          version="1.1"
                          viewBox="0 0 16 16"
                          width="16"
                        >
                          <path
                            fill-rule="evenodd"
                            d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
                          ></path></svg></a
                      >Token structure – <code>paymentRequestWithApplePay</code> response
                    </h4>
                    <p><code>extra</code> — An object with the following keys:</p>
                    <table>
                      <thead>
                        <tr>
                          <th style="text-align:left">Key</th>
                          <th style="text-align:left">Type</th>
                          <th style="text-align:left">Description</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td style="text-align:left">shippingMethod</td>
                          <td style="text-align:left">Object</td>
                          <td style="text-align:left">Selected shippingMethod object</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">billingContact</td>
                          <td style="text-align:left">Object</td>
                          <td style="text-align:left">The user's billing contact object</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">shippingContact</td>
                          <td style="text-align:left">Object</td>
                          <td style="text-align:left">The user's shipping contact object</td>
                        </tr>
                      </tbody>
                    </table>
                    <p><code>contact</code> — An object with the following keys:</p>
                    <table>
                      <thead>
                        <tr>
                          <th style="text-align:left">Key</th>
                          <th style="text-align:left">Type</th>
                          <th style="text-align:left">Description</th>
                        </tr>
                      </thead>
                      <tbody>
                        <tr>
                          <td style="text-align:left">name</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The contact’s name</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">phoneNumber</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The contact’s phone number</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">emailAddress</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The contact’s email address</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">street</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The street name in a postal address</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">city</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The city name in a postal address</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">state</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The state name in a postal address</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">country</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The country name in a postal address</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">ISOCountryCode</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">
                            The ISO country code for the country in a postal address
                          </td>
                        </tr>
                        <tr>
                          <td style="text-align:left">postalCode</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The postal code in a postal address</td>
                        </tr>
                        <tr>
                          <td style="text-align:left">supplementarySubLocality</td>
                          <td style="text-align:left">String</td>
                          <td style="text-align:left">The contact’s sublocality</td>
                        </tr>
                      </tbody>
                    </table>
                    <p>
                      <img
                        src="https://cloud.githubusercontent.com/assets/1177226/20272773/008e5994-aaa0-11e6-8c24-b4bedf245741.gif"
                        alt=""
                      />
                    </p>
                  </span>
                </div>
              </article>
            </div>
            <div class="docs-prevnext">
              <a
                class="docs-prev button"
                href="/tipsi-stripe/docs/paymentrequestwithandroidpay.html"
                ><span class="arrow-prev">← </span
                ><span class="function-name-prevnext">.paymentRequestWithAndroidPay()</span></a
              ><a class="docs-next button" href="/tipsi-stripe/docs/completeapplepayrequest.html"
                ><span class="function-name-prevnext">.completeApplePayRequest()</span
                ><span class="arrow-next"> →</span></a
              >
            </div>
          </div>
        </div>
      </div>
      <footer class="nav-footer" id="footer">
        <section class="sitemap">
          <a href="/tipsi-stripe/" class="nav-home"></a>
          <div>
            <h5>Docs</h5>
            <a href="/tipsi-stripe/docs/en/index.html">Getting Started</a
            ><a href="/tipsi-stripe/docs/en/running-apple-pay-on-a-real-device.html"
              >Running on Device</a
            ><a href="/tipsi-stripe/docs/en/index.html">API Reference</a>
          </div>
          <div>
            <h5>More</h5>
            <a href="/tipsi-stripe/blog">Blog</a><a href="https://github.com/">GitHub</a
            ><a
              data-show-count="true"
              class="github-button"
              href="https://github.com/tipsi/tipsi-stripe"
              data-icon="octicon-star"
              data-count-href="/tipsi/tipsi-stripe/stargazers"
              data-count-aria-label="# stargazers on GitHub"
              aria-label="Star this project on GitHub"
              >Star</a
            >
          </div>
        </section>
        <section class="copyright">Copyright © 2019 Tipsi.</section>
      </footer>
    </div>
  </body>
</html>
